<!doctype html>
<html lang="en" class="no-js">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title></title>
  </head>
  <body>
    <!-- 背景层删除没动态效果 -->
    <div class="stars"></div>
    <!-- 小熊的盒子 -->
    <div class="bear"></div>
    <!-- 背景主内容 -->
    <div class="container demo-1">
      <div class="content">
        <div class="content-item">
          <div class="content-item-first comment">
            <div class="comment-box">
              <!-- 卡片样式 HTML+CSS -->
              <div class="card">
                <div class="card-details">
                  <a href="./0921-运算符和变量的作业.html" target="_blank"
                    >0921-运算符和变量</a
                  >
                  <a href="./0922-逻辑判断题.html" target="_blank"
                    >0922-逻辑判断题</a
                  >
                  <a href="./0923-函数作业.html" target="_blank"
                    >0923-函数作业</a
                  >
                  <a href="./0925-函数预编译递归作业.html" target="_blank"
                    >0925-函数预编译递归</a
                  >
                  <a href="./0926-数组方法作业.html" target="_blank"
                    >0926-数组方法作业</a
                  >
                  <a href="./1009-字符串作业.html" target="_blank"
                    >1009-字符串作业</a
                  >
                  <a href="./1010-随机数+倒计时作业.html" target="_blank"
                    >1010-随机数倒计时作业</a
                  >
                </div>
                <button class="card-button">HTML+CSS</button>
              </div>
            </div>
          </div>
          <div class="content-item-center comment">
            <!-- JS卡片 -->
            <div class="card">
              <div class="card-details">
                <a href="./1014-DOM选项卡.html">1014-DOM选项卡</a>
                <a href="./1016-DOM表格练习.html">1016-DOM表格练习</a>
                <a href="./1016-DOM表格作业.html">1016-DOM表格作业</a>
                <a href="./1017-小米菜单栏.html">1017-小米菜单栏</a>
                <a href="./1021-分页渲染/index.html">1021-音乐分页渲染</a>
                <a href="./1026-触底加载/index.html">1026-触底加载</a>
                <a href="./1027-放大镜特效/index.html">1027-放大镜特效</a>
                <a href="./1117-红绿灯案例/index.html">1117-红绿灯案例</a>
              </div>
              <button class="card-button">JavaScript</button>
            </div>
          </div>
          <div class="content-item-last comment">
            <!-- Vue卡片 -->
            <div class="card">
              <div class="card-details">
                <a href="./vue/1208-记事本作业.html">1208-记事本作业.html</a>
                <a href="./vue/1211-小蓝优选/dist/index.html">1211-小蓝优选</a>
              </div>
              <button class="card-button">Vue</button>
            </div>
          </div>
        </div>

        <!-- 原有的 -->
        <div id="large-header" class="large-header">
          <canvas id="demo-canvas"> </canvas>
        </div>
      </div>
    </div>
  </body>
</html>
